<html lang="en-US"><head><script async="" src="//confiant-integrations.global.ssl.fastly.net/prebid/202112021159/wrap.js"></script><script type="text/javascript" async="" src="https://script.4dex.io/localstore.js"></script>
    <title>W3.JS References</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="Keywords" content="HTML, Python, CSS, SQL, JavaScript, How to, PHP, Java, C++, jQuery, Bootstrap, C#, Colors, W3.CSS, XML, MySQL, Icons, NodeJS, React, Graphics, Angular, R, AI, Git, Data Science, Code Game, Tutorials, Programming, Web Development, Training, Learning, Quiz, Courses, Lessons, References, Examples, Source code, Demos, Tips">
    <meta name="Description" content="Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more.">
    <meta property="og:image" content="https://www.w3schools.com/images/w3schools_logo_436_2.png">
    <meta property="og:image:type" content="image/png">
    <meta property="og:image:width" content="436">
    <meta property="og:image:height" content="228">
    <meta property="og:description" content="W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.">

    
    <style>
    .w3-table-all .w3-btn {
      padding:1px 16px;
      float:right
    }
    </style>
    <script type="text/javascript" async="" src="//cdn.snigelweb.com/prebid/5.15.0/prebid.js?v=2570-1639673151908"></script><script type="text/javascript" async="" src="//c.amazon-adsystem.com/aax2/apstag.js"></script><script type="text/javascript" async="" src="//securepubads.g.doubleclick.net/tag/js/gpt.js"></script><script type="text/javascript" async="" src="https://adengine.snigelweb.com/w3schools.com/2570-1639673151908/adngin.js"></script><script type="text/javascript" async="" src="//cdn.snigelweb.com/argus/argus.js"></script><argprec0></argprec0><argprec1></argprec1><style type="text/css">.snigel-cmp-framework .sn-inner {background-color:#fffefe!important;}.snigel-cmp-framework .sn-b-def {border-color:#04aa6d!important;color:#04aa6d!important;}.snigel-cmp-framework .sn-b-def.sn-blue {color:#ffffff!important;background-color:#04aa6d!important;border-color:#04aa6d!important;}.snigel-cmp-framework .sn-selector ul li {color:#04aa6d!important;}.snigel-cmp-framework .sn-selector ul li:after {background-color:#04aa6d!important;}.snigel-cmp-framework .sn-footer-tab .sn-privacy a {color:#04aa6d!important;}.snigel-cmp-framework .sn-arrow:after,.snigel-cmp-framework .sn-arrow:before {background-color:#04aa6d!important;}.snigel-cmp-framework .sn-switch input:checked + span::before {background-color:#04aa6d!important;}#adconsent-usp-link {border: 1px solid #04aa6d!important;color:#04aa6d!important;}#adconsent-usp-banner-optout input:checked + .adconsent-usp-slider {background-color:#04aa6d!important;}#adconsent-usp-banner-btn {color:#ffffff;border: solid 1px #04aa6d!important;background-color:#04aa6d!important; }</style></head>
    <body>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <div class="w3-main w3-light-grey" id="belowtopnav">
      <div class="w3-row w3-white">
        <div class="w3-col l10 m12" id="main">
          <div id="mainLeaderboard" style="overflow:hidden;">
            <!-- MainLeaderboard-->
    
            <!--<pre>main_leaderboard, all: [728,90][970,90][320,50][468,60]</pre>-->
            <div id="adngin-main_leaderboard-0"></div>
            <!-- adspace leaderboard -->
    
          </div>
    <h1>W3.JS References</h1>
    
    
    
    <hr>
    <h2>Complete W3.JS API Reference</h2>
    
    <table class="ws-table-all">
    <tbody><tr>
    <th>Function</th>
    <th>Description</th>
    <th class="w3-right">Example</th>
    </tr>
    <tr>
    <td>w3.hide</td>
    <td>Hides HTML elements</td>
    <td><a class="ws-btn btnsmall" target="_blank" href="tryit.asp?filename=tryw3js_ref_hide_show">Try it</a></td>
    </tr>
    <tr>
    <td>w3.show</td>
    <td>Shows HTML elements</td>
    <td><a class="ws-btn btnsmall" target="_blank" href="tryit.asp?filename=tryw3js_ref_hide_show">Try it</a></td>
    </tr>
    <tr>
    <td>w3.toggleShow</td>
    <td>Toggles between hiding and showing HTML elements</td>
    <td><a class="ws-btn btnsmall" target="_blank" href="tryit.asp?filename=tryw3js_ref_toggle_show">Try it</a></td>
    </tr>
    <tr>
    <td>w3.toggleClass</td>
    <td>Toggles the class of HTML elements</td>
    <td><a class="ws-btn btnsmall" target="_blank" href="tryit.asp?filename=tryw3js_ref_toggle_class">Try it</a></td>
    </tr>
    <tr>
    <td>w3.addClass</td>
    <td>Adds one or multiple classes to HTML elements</td>
    <td><a class="ws-btn btnsmall" target="_blank" href="tryit.asp?filename=tryw3js_ref_add_class">Try it</a></td>
    </tr>
    <tr>
    <td>w3.addStyle</td>
    <td>Adds style to HTML elements</td>
    <td><a class="ws-btn btnsmall" target="_blank" href="tryit.asp?filename=tryw3js_ref_add_style">Try it</a></td>
    </tr>
    <tr>
    <td>w3.removeClass</td>
    <td>Removes one or multiple classes from HTML elements</td>
    <td><a class="ws-btn btnsmall" target="_blank" href="tryit.asp?filename=tryw3js_ref_remove_class">Try it</a></td>
    </tr>
    <tr>
    <td>w3.filterHTML</td>
    <td>Filters the display of HTML elements</td>
    <td><a class="ws-btn btnsmall" target="_blank" href="tryit.asp?filename=tryw3js_ref_filter_html">Try it</a></td>
    </tr>
    <tr>
    <td>w3.sortHTML</td>
    <td>Sorts the display of HTML elements</td>
    <td><a class="ws-btn btnsmall" target="_blank" href="tryit.asp?filename=tryw3js_ref_sort_html">Try it</a></td>
    </tr>
    <tr>
    <td>w3.slideshow</td>
    <td>Make HTML elements display as a slideshow</td>
    <td><a class="ws-btn btnsmall" target="_blank" href="tryit.asp?filename=tryw3js_slideshow">Try it</a></td>
    </tr>
    <tr>
    <td>w3.displayObject</td>
    <td>Displays JavaScript objects in HTML</td>
    <td><a class="ws-btn btnsmall" target="_blank" href="tryit.asp?filename=tryw3js_ref_display_object">Try it</a></td>
    </tr>
    <tr>
    <td>w3.includeHTML</td>
    <td>Displays HTML in HTML</td>
    <td><a class="ws-btn btnsmall" target="_blank" href="tryit.asp?filename=tryw3js_ref_include_html">Try it</a></td>
    </tr>
    <tr>
    <td>w3.getHttpObject</td>
    <td>Reads JSON data from a server</td>
    <td><a class="ws-btn btnsmall" target="_blank" href="tryit.asp?filename=tryw3js_ref_http">Try it</a></td>
    </tr>
    <tr>
    <td>w3.getHttpData</td>
    <td>Reads data from a server</td>
    <td>&nbsp;</td>
    </tr>
    </tbody></table>
    
    <hr>
    <h2>Complete W3.JS Attribute Reference</h2>
    
    <table class="ws-table-all">
    <tbody><tr>
    <th>Attribute</th>
    <th>Description</th>
    <th class="w3-right">Example</th>
    </tr>
    <tr>
    <td>{{ }}</td>
    <td>Defines where to display data</td>
    <td><a class="ws-btn btnsmall" target="_blank" href="tryit.asp?filename=tryw3js_ref_display_object">Try it</a></td>
    </tr>
    <tr>
    <td>w3-repeat</td>
    <td>Defines where to repeat data</td>
    <td><a class="ws-btn btnsmall" target="_blank" href="tryit.asp?filename=tryw3js_ref_repeat">Try it</a></td>
    </tr>
    <tr>
    <td>w3-include-HTML</td>
    <td>Defines where to include HTML</td>
    <td><a class="ws-btn btnsmall" target="_blank" href="tryit.asp?filename=tryw3js_ref_include_html">Try it</a></td>
    </tr>
    </tbody></table>
    
    
    
    
    
    
    </div>
    
    </div>
    <a href="//www.w3schools.com">
    
    </a></div></body></html>